<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />

        <!-- Base Css Files -->
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/jqueryui/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/fontello/css/fontello.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/animate-css/animate.min.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/nifty-modal/css/component.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/magnific-popup/magnific-popup.css" rel="stylesheet" /> 
        <link href="__PUBLIC__/statics/coco-chat/assets/css/style.css" rel="stylesheet" type="text/css" />
        <link href="__PUBLIC__/statics/coco-chat/assets/css/style-responsive.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/pace/pace.css" rel="stylesheet" />
        <link href="__PUBLIC__/statics/coco-chat/assets/libs/jquery-notifyjs/styles/metro/notify-metro.css" rel="stylesheet" type="text/css" />
        
        <!-- Extra CSS Files -->
      	<link href="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap-select/bootstrap-select.min.css" rel="stylesheet" type="text/css" />
        
        <!-- Custom Css Files -->
        <link href="__HOME_CSS__/style.css"  rel="stylesheet" />
    </head>
    <body>
    
    <div>
        <div class="sub-header-title">
            <h2>商品订购</h2>
        </div>
        <form method="post" class="form-horizontal" action="{:U('Mall/goods')}">
       		<div class="form-group">
	            <div class="col-sm-2">
                   	<select class="form-control selectpicker" name="goods_category_id">
                 		<option value="0">全部分类</option>
                      	<volist name="categorys" id="vo">
                          	<option value="{$vo.id}" <if condition="$goods_category_id eq $vo['id']">selected</if> >{$vo.title}</option>
                      	</volist>
                  	</select>
               	</div>
	            <div class="col-sm-2">
                   	<input class="form-control" id="filter" placeholder="根据商品名称搜索" name="keyword" value="{$keyword}" type="text"/>
               	</div>
	            
	            <div class="col-sm-6">
                   	<button class="btn btn-success" type="submit">查询</button>
               	</div>
	        </div>
        </form>
    </div>
    
    <div class="widget">
        <div class="widget-content">
            <volist name="list" id="vo">
            	<div class="col-xs-6 col-sm-4 col-md-3 col-lg-2 pic">
            		<a href="{:U('Mall/detail',array('id'=>$vo['id']))}">
                      	<img style="width: 100%;" src="{$vo.big_pic_url}">
                    </a>
                    <div>
	                    <p class="goods_title">
	                    	<a href="{:U('Mall/detail',array('id'=>$vo['id']))}"><b>{$vo.title}</b></a>
	                    </p>
	                    <p>
	                    	<i>商品原价:<s>{$currency_symbol}{$vo.old_price}</s></i>
	                    	<span class="pull-right">
	                    		<if condition="$vo['new_price'] GT 0">商品现价:{$currency_symbol}{$vo.new_price}<br/></if>
	                    	</span>
	                    </p>
	             	</div>
	        	</div>
	      	</volist>
	      	<div class="clearfix"></div>
            {$page}
        </div> 
    </div> 

	<!-- Base Js Files -->
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery/jquery-1.11.1.min.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap/js/bootstrap.min.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jqueryui/jquery-ui-1.10.4.custom.min.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-ui-touch/jquery.ui.touch-punch.min.js"></script>
 	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-detectmobile/detect.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/fastclick/fastclick.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-slimscroll/jquery.slimscroll.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/nifty-modal/js/classie.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/nifty-modal/js/modalEffects.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-notifyjs/notify.min.js"></script>
    <script src="__PUBLIC__/statics/coco-chat/assets/libs/jquery-notifyjs/styles/metro/notify-metro.js"></script>
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/pace/pace.min.js"></script>
	
   	<!-- Extra Js Files -->
	<script src="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap-select/bootstrap-select.min.js"></script>
    <script src="__PUBLIC__/statics/coco-chat/assets/libs/bootstrap-select2/select2.min.js"></script>
    
    <!-- Custom Js Files -->
	<script src="__HOME_JS__/common.js"></script>

	<script>
	  //SELECT
	  $('.selectpicker').selectpicker();  
	</script>
    </body>
</html>